// 负责管理所有的自定义指令

export const imagerror = {
    // 会在当前的dom元素插入到结点之后执行
    inserted(dom, options) {
        // dom:当前指令 的 dom 对象
        // options 使用指令的适合，后面所绑定的值
        // 当图片有地址，地址没有加载成功 的适合，会报错 会触发图片的一个事件， onerror
        dom.src = dom.src || options.value
        dom.onerror = function () {
            // dom 可以注册 error 事件
            // 当图片出现异常的时候，会讲指令的默认图片设置为该图片的内容
            dom.src = options.value // 这里不能写死

        }
    },
    // 此函数，会在当前指令作用的组件，更新数据后执行
    // inserted 只会执行一次
    componentUpdated(dom, options) {
        dom.src = dom.src || options.value
    }
}
/*
    <img v-imagerror="img" />
    data(){
        return{
            img:'a.png'
        }
    }
*/